<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>onblur事件</title>
    <script type="text/javascript">
        /*
        * onblur失去焦点事件:
        *   常用用于输入框失去焦点后验证其输入内容是否合法。
        */
        //静态注册onblur事件
        function onblurFun() {
            //console是控制台对象，是由JavaScript语言提供，专门用来向浏览器的控制器打印输出，用于测试
            //log()是打印的方法
            console.log("静态注册失去焦点事件");
        }
        //动态注册onblur事件
        window.onload = function () {
            //1.获取标签对象
            var mi = document.getElementById("mi");
            mi.onblur = function () {
                console.log("动态注册失去焦点事件");
            }
        }

    </script>
</head>
<body>
    <table>
        <tr>
            <td>用户名: </td>
            <td><input type="text" name="userName" onblur="onblurFun()"></td>
        </tr>
        <tr>
            <td>密码: </td>
            <td><input type="password" name="password" id="mi"></td>
        </tr>
    </table>
</body>
</html>